漸進式揭示 Progressive Disclosure / 原則Rule80/20 (原則)
漸進式揭示 Progressive Disclosure
/267.jpg)
我們開始點餐了,我跟服務員講“請給我來個芝士漢堡。”他問我想要幾分熟,我說“七分熟”接著他問我要哪種乳酪,切達、瑞士、傑克、格魯耶爾還是奶油乾酪?我說:“切達。”然後他問我是否想加培根、雞蛋或牛油果?我說:“都不要。”接著他問我是否要沙拉、薯條還是洋蔥圈?我說:“洋蔥圈。”
/260.jpg)
/262.jpg)
/264.jpg)
/266.jpg)
如果你一次性考慮所有選項,點一個芝士漢堡會變得非常複雜。但如果有人一步步引導你做出選擇,定製芝士漢堡就容易得多。這體現了“漸進式揭示”原則,逐步引導使用者從簡單到複雜,管理複雜性。這個原則常用於互動設計。
/269.jpg)
/271.jpg)
/272.jpg)
漸進式揭示透過隱藏複雜性,讓使用者透過簡單介面完成任務。例如,如果你沒點薯條,服務員不會問你薯條種類,節省時間和精力。但如果你喜歡蒜味薯條,可能希望早知道這個選項。漸進式揭示簡化決策,但可能隱藏重要資訊。
在UI設計中,漸進式揭示常用於以下元件:
- 導航選單:例如應用程式中的“漢堡選單”或摺疊式導航欄,使用者可以透過點選展開更多詳細選項,而不是一開始就看到全部內容。
- 表單填寫:多步驟表單通常會分多個部分展示,使用者完成一個部分後再揭示下一個部分,減少使用者的壓力,比如註冊或結賬過程。
- 設定面板:一些複雜的設定選項可能會隱藏在“高階選項”或者“更多設定”按鈕下,只有在使用者有需要時才顯示出來。
- 工具提示(Tooltips):當使用者懸停在某個按鈕或圖示上時,顯示出更多資訊或幫助內容。
- 動態載入內容:比如社交媒體中的“檢視更多”按鈕,當使用者滾動到頁面底部時,逐步載入更多內容,而不是一次性展示所有帖子。
80/20原則 80/20 Rule
這個原則與“帕累托法則(也稱為80/20法則)”相關,即系統80%的效果來自20%的功能。對於一個應用程式,這可能意味著其80%的好處來自於20%的操作。在應用中,隱藏次要功能使最常用的功能更易找到是合理的。
/276.jpg)
/277.jpg)
透過保持介面簡單,新手不易困惑,而有經驗的使用者能快速找到所需選項。
/278.jpg)
列印對話方塊是一個例子。人們通常只關心印表機選擇、份數和頁碼範圍,而當需要更多控制時,只需點選即可訪問更多選項。漸進式揭示減少視覺混亂,使列印過程簡單,降低誤操作風險。
/279.jpg)
/280.jpg)
/281.jpg)